<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="../common/jspcommon.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>帮淘画报 - 果果街</title>
<meta name="keywords" content="果果,果果网,果果街,淘宝网导购,淘宝母婴,母婴用品,母婴产品,母婴网购,怀孕,孕期,婴幼儿,儿童,0-1岁,1-3岁,3-6岁,妈妈购物分享,逛淘宝,童装,童鞋,玩具,早教,启蒙,亲子,亲子装,纸尿裤,奶粉,母婴类美丽说,母婴类蘑菇街,母婴类爱乐活" />
<meta name="description" content="看看妈妈们为宝宝淘到的好东西，参加品牌母婴电商限时高额返利活动，推荐别人购买自己拿佣金，果果街是妈妈分享育儿消费经验，网购省钱的好地方。" />
<%@ include file="../common/css.jsp"%>
<%@ include file="../common/js.jsp"%>
<link type="text/css" rel="stylesheet" href="/css/v4/channel.css"/>
<link type="text/css" rel="stylesheet" href="/css/v4/detail.css"/>
<!--[if ie 6]><script src="../../js/v4/iepng.js" type="text/javascript"></script><![endif]-->
<!--[if ie]><link href="../../css/v4/common/IE.css" type="text/css" rel="stylesheet"><![endif]-->
<script type="text/javascript">
	$(function() {
		
		$("#pager").pager({
			pagenumber : "${pageModel.currentPage}",
			pagecount : "${pageModel.totalPage}",
			buttonClickCallback : function(page) {
				location.href="/discussdoing.htm?id=${id}&page="+page;
			}
		});
		
		<%-- 图片加载完之后给div赋值样式 --%>
		$("div.discuss_items").masonry({
			itemSelector : '.item_box',
			columnWidth : 240,
			isAnimated : false
		});

	});
</script>
</head>

<body>
	<!-- head -->
    <%@ include file="../common/header.jsp"%>
    <!-- head--end-->
    
    <!-- body -->
    
    	<!-- ad-->
        <div class="w100p">
			<div class="w980 mg ad_box_s1">
               	<a href="${advList[0].hyperlink}" target="_blank"><img src="${advList[0].picture}" width="980" class="block" /></a>
          	</div>
        </div>
    	<!-- ad--end-->
        
        <!-- navigator -->
        <div class="w100p">
        	<div class="w980 mg">
                <div class="top_nav">
                    <a href="amoys.htm" target="_blank">妈妈帮淘</a>&nbsp;/&nbsp;
                    <c:if test="${discuss.channel=='c1fd788e-590b-4579-b5ef-d21a9f42c92d'}">
						<a href="amoy.htm?ai=c1fd788e-590b-4579-b5ef-d21a9f42c92d" target="_blank">怀孕期</a>
					</c:if>
					<c:if test="${discuss.channel=='5e02f483-87bd-4d77-81d5-a64ecdc877d0'}">
						<a href="amoy.htm?ai=5e02f483-87bd-4d77-81d5-a64ecdc877d0" target="_blank">0-1岁</a>
					</c:if>
					<c:if test="${discuss.channel=='1d48a3b9-3709-4270-81b5-0267a5b3546f'}">
						<a href="amoy.htm?ai=1d48a3b9-3709-4270-81b5-0267a5b3546f" target="_blank">1-3岁</a>
					</c:if>
					<c:if test="${discuss.channel=='b22c5b02-baa2-42de-ac92-09042e8ccfa2'}">
						<a href="amoy.htm?ai=b22c5b02-baa2-42de-ac92-09042e8ccfa2" target="_blank">3-6岁</a>
					</c:if>&nbsp;/&nbsp;
                    <a>${discuss.pictorialList[0].pictorialObj.title }</a>
                </div>
            </div>
        </div>
        <!-- navigator--end-->
        
        <!-- content-->
        <div class="w100p">
        	<div class="w980 mg clearfix">
            	<div class="layout_box4 buy_pro">
            		<div class="discuss_items">
                <c:forEach items="${pageModel.list }" var="doing" varStatus="v">
								<div class="item_box box_s1">
									<div class="shadow"></div>
									<div class="pro_box">
										<!-- <span class=" icon_bg recommend"></span> -->
										<c:if
											test="${doing.doingProductList[0].from=='淘宝' && (doing.doingProductList[0].maxPrice-doing.doingProductList[0].price)>=10 }">
											<span class=" icon_bg pro_lbl">降价${doing.doingProductList[0].maxPrice-doing.doingProductList[0].price
												}元</span>
										</c:if>
										<div class="love_comment_ope" style="display: none;"
											onmouseover="$(this).show()" onmouseout="$(this).hide()">
											<a href="javascript:void(0);" onclick="GUOGUO.loveDoing('${doing.identifier}')" class="icon_bg">收藏</a><a
												href="/shop/go.htm?pid=${doing.doingProductList[0].identifier }"
												target="_blank" class="icon_bg comment">评论</a>
										</div>
										<a target="_blank"
											href="/shop/go.htm?pid=${doing.doingProductList[0].identifier }"
											class="pic"><img
											src="${doing.doingProductList[0].imageServer }${doing.doingProductList[0].picThumb }_200xXXX.jpg"
											alt="${doing.doingProductList[0].name }"
											title="${doing.doingProductList[0].name }" width="200"
											height="${doing.doingProductList[0].height200xxx }"
											onmouseover="$(this).parent().prev('div').show()"
											onmouseout="$(this).parent().prev('div').hide()"
											class=" block" /> </a>
									</div>
									<div class="pro_t_p">
										<a class="title"> <c:if
												test="${doing.replaceContent==null }">${doing.doingProductList[0].showName }</c:if>
											<c:if test="${doing.replaceContent!=null }">${doing.showContent }</c:if>
										</a> <span class="price">￥${doing.doingProductList[0].price
											}</span>
									</div>
									<div class="l_c_nums">
										<c:if test="${doing.doingProductList[0].commission>0 }">
											<a
												href="/shop/go.htm?pid=${doing.doingProductList[0].identifier }"
												target="_blank" class="fanli"><img
												src="../../images/v4/other/icon_8.png" class=" block" /> </a>
										</c:if>
										<span><b class="red_heart"></b><a class="collection_nums" href="javascript:void(0);" onclick="GUOGUO.loveDoing('${doing.identifier}')">收藏</a><c:if
												test="${doing.loveAmount>0 }">
												<i>${doing.loveAmount }</i>
											</c:if>
										</span>
									</div>
									<!-- <div class="other_func">
                            <a href="#" class="icon_bg tryout">免费试用</a>
                        </div> -->
									<div class="comment_box">
										<ul>
											<li
												<c:if test="${fn:length(doing.commentList)>0 }">class="line"</c:if>>
												<div class="lay_lr_box">
													<a href="/member/tashare.htm?ta=${doing.member}" target="_blank" class="l_box"><img
														src="${doing.memberObj.imageServer }${doing.memberObj.avatar }"
														width="32" height="32" class=" block" /> </a>
													<div class="r_box">
														<a href="/member/tashare.htm?ta=${doing.member}" target="_blank" class="name">${doing.memberObj.nickname }</a><i
															class="who_share">分享</i>
														<p class="share_time">${doing.doingCreated }</p>
													</div>
												</div></li>
											<c:forEach items="${doing.commentList }" var="c"
												varStatus="v">
												<li class="line">
													<div class="lay_lr_box">
														<a href="/member/tashare.htm?ta=${c.member}" target="_blank" class="l_box"><img
															src="${c.memberImageServer }${c.memberAvatar }"
															width="32" height="32" class=" block" /> </a>
														<div class="r_box">
															<a class="name">${c.nickname }</a> <span
																class="info clr9">${c.content }</span>
														</div>
													</div></li>
											</c:forEach>
											<c:if test="${fn:length(doing.commentList)>0 }">
												<li class="last"><a
													href="/shop/go.htm?pid=${doing.doingProductList[0].identifier }"
													target="_blank">查看全部<i>${doing.commentCount }</i>条评论...</a>
												</li>
											</c:if>
										</ul>
									</div>
								</div>
							</c:forEach>
							</div>
							<div class="w100p" style="padding:1px 0;">
								<div class="fanye" id="pager"></div>
							</div>
							
                </div>
                <!-- right -->
                <div class="layout_box3">
                	<div class="box_s13">
                    	<div class=" b_pd_s3">
                        	<div class="top_talk">
                            	<a href="discuss.htm?id=${discuss.identifier }" class="title" target="_blank">${discuss.title }</a>
                                <div class="clearfix">
                                	<span class="fr date"><fmt:formatDate value="${discuss.gmtCreated }" pattern="yyyy-MM-dd HH:mm:ss" /></span>
                                    <span>${discuss.visitAmout }&nbsp;人参与</span>
                                    <c:if test="${pictorialId != null }">
										<a href="javascript:void(0)" class=" h_share" onclick="sharelink();"><img src="../../images/v4/other/icon_21.png" height="39" class="block"></a>
	                                    <input type="hidden" id="discussdoing_pictorialId" value="${pictorialId }" />
                                	</c:if>
                                </div>
                            </div>
                            
                            <div class=" rel_talk_list">
                            	<h3 class="title">相关话题</h3>
                                <ul>
                                    <c:forEach items="${topics}" var="topic">
                                    <li>
                                        <a href="${topic.hyperlink }" class="name" target="_blank">${topic.title}</a>
                                    </li>
                                 </c:forEach> 
                                </ul>
                            </div>
                            
                            <!-- <div class="t_search_box">
                            	<input type="text" class="txt" />
                                <input type="button" class="btn" />
                            </div> -->
                            
                            <div class="r_ad_box mt5 mb5">
								<a href="${advRight[0].hyperlink }" target="_blank">
									<img src="${advRight[0].picture }" class="block" width="227" height="163" />
								</a>
							</div>
							<div class="r_ad_box mb20">
								<a href="${advRight[1].hyperlink }" target="_blank">
									<img src="${advRight[1].picture }" class="block" width="227" height="61" />
								</a>
							</div>
                        </div>
                    	<div class="shadow"></div>
                    </div>
                </div>
            </div>
        </div>
        <!-- content--end-->
        <%@include file="../common/footer.jsp" %>
    <!-- body--end-->
</body>
</html>
